<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/css/bootstrap.min.css"
integrity="sha384-xOolHFLEh07PJGoPkLv1IbcEPTNtaed2xpHsD9ESMhqIYd0nLMwNLD69Npy4HI+N" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js"
integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj"
crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js"
integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN"
crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/js/bootstrap.min.js"
integrity="sha384-+sLIOodYLS7CIrQpBjl+C7nPvqq+FbNUBDunl/OZv93DB7Ln/533i8e/mZXLi/P+"
crossorigin="anonymous"></script>
<style>
#b1:hover{
scale: 1.1;
border: 0px solid;
border-radius: 20%;
}
#b1{
background:linear-gradient(to left,rgb(189, 221, 239),rgb(87, 164, 247));
border: 0px solid;
border-radius: 3%;
font-weight: 70%;
box-shadow: 10px 10px 15px rgb(136, 219, 250);
}
</style>
<style>
@keyframes bnn{
0%{
background-color:red;
}
100%{
background-color: blue;
}
}
#bn{
color: white;
animation-name: bnn;
animation-duration: 1s;
animation-delay: 1s;
animation-iteration-count: infinite;
}
</style>
<style>
.nn1{
height: 185%;
width: 100%;
position: absolute;
z-index: -1;
background-image: url(appbck.img);
}
</style>
</head>
<body>
<div class="nn1"></div>
<nav class="navbar navbar-expand-lg navbar-light bg-light mb-4" style="position: fixed; left: 5%; z-index: 1; ">
<div class="spinner-grow" role="status">
<span class="visually-hidden"></span>
</div>
<a class="navbar-brand" href="#" style="font-size: 30px;"><u><b>e-Commerce Hub</b></u></a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mr-auto">
<li class="nav-item">
<a class="nav-link" href="index.html" id="b1"><b>Home</b></a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="android.html" role="button" data-toggle="dropdown" aria-expanded="false" id="b1">
<b> Android📱</b>
</a>
<div class="dropdown-menu">
<a class="dropdown-item" href="android.html">Samsung</a>
<a class="dropdown-item" href="android.html">OnePlus</a>
<a class="dropdown-item" href="android.html">Realme</a>
<a class="dropdown-item" href="android.html">Redmi</a>
<a class="dropdown-item" href="android.html">Oppo</a>
<a class="dropdown-item" href="android.html">Vivo</a>
<div class="dropdown-divider"></div>
</div>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="apple.html" role="button" data-toggle="dropdown" aria-expanded="false" id="b1">
<b> Apple(ios)📲</b>
</a>
<div class="dropdown-menu">
<a class="dropdown-item" href="apple.html">iphone 6s</a>
<a class="dropdown-item" href="apple.html">iphone 7plus</a>
<a class="dropdown-item" href="apple.html">iphone X</a>
<a class="dropdown-item" href="apple.html">iphone 11</a>
<a class="dropdown-item" href="apple.html">iphone 12</a>
<a class="dropdown-item" href="apple.html">iphone 14</a>
<div class="dropdown-divider"></div>
</div>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="laptop.html" role="button" data-toggle="dropdown" aria-expanded="false" id="b1">
<b> Laptops💻</b>
</a>
<div class="dropdown-menu">
<a class="dropdown-item" href="laptop.html">Asus</a>
<a class="dropdown-item" href="laptop.html">Lenovo</a>
<a class="dropdown-item" href="laptop.html">Hp</a>
<a class="dropdown-item" href="laptop.html">Dell</a>
<a class="dropdown-item" href="laptop.html">Acer</a>
<a class="dropdown-item" href="laptop.html">MacBook</a>
<div class="dropdown-divider"></div>
</div>
</li>
<li class="nav-item dropdown">
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="watch.html" role="button" data-toggle="dropdown" aria-expanded="false" id="b1">
<b>Smart Watches⌚</b>
</a>
<div class="dropdown-menu">
<a class="dropdown-item" href="watch.html">Fire-boltt</a>
<a class="dropdown-item" href="watch.html">Noise</a>
<a class="dropdown-item" href="watch.html">Boult</a>
<a class="dropdown-item" href="watch.html">Boat</a>
<a class="dropdown-item" href="watch.html">Samsung</a>
<a class="dropdown-item" href="watch.html">i watch</a>
<div class="dropdown-divider"></div>
</div>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="earbuds.html" role="button" data-toggle="dropdown" aria-expanded="false" id="b1">
<b>Earbuds🎧</b>
</a>
<div class="dropdown-menu">
<a class="dropdown-item" href="earbuds.html">Mivi</a>
<a class="dropdown-item" href="earbuds.html">Boat</a>
<a class="dropdown-item" href="earbuds.html">Realme</a>
<a class="dropdown-item" href="earbuds.html">PTrone</a>
<a class="dropdown-item" href="earbuds.html">Noise</a>
<a class="dropdown-item" href="earbuds.html">OnePlus</a>
<div class="dropdown-divider"></div>
</div>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="sond.html" role="button" data-toggle="dropdown" aria-expanded="false" id="b1">
<b> Speakers🔊</b>
</a>
<div class="dropdown-menu">
<a class="dropdown-item" href="sond.html">Boat</a>
<a class="dropdown-item" href="sond.html">Zebronic</a>
<a class="dropdown-item" href="sond.html">Mivi</a>
<a class="dropdown-item" href="sond.html">Alexa</a>
<a class="dropdown-item" href="sond.html">JBL</a>
<a class="dropdown-item" href="sond.html">Sony</a>
<div class="dropdown-divider"></div>
</div>
</div>
<form class="d-flex" role="search">
<a href="login.html" button class="btn btn-outline-success">Login</button></a>
</form>
</nav>
</button>
<!-- navbar end -->
<!-- cards -->
<div class="container-fluid">
<div class="row">
<div class="col-lg-3" style="margin-left: 13%;">
<div class="card ml-3" style="width: 18rem; margin-top: 30%; border-radius: 15%;background-image: url(indback.jpg);">
<img src="fireboltt.jpg" class="card-img-top" alt="..." height="200px" style="border-radius: 15%;">
<div class="card-body">
<h5 class="card-title"><center><b>Fire-boltt</b></center></h5>
<p class="card-text">Black <br> HD display with 3D Touch <br>
Shop from India's No. 1 Smart Watch brand where you can buy the best in-segment Smartwatches for men and women at affordable prices with commendable <br>
value of money</p>
<a href="https://www.flipkart.com/fire-boltt-supernova-1-78-amoled-368-448px-high-resolution-bt-calling-123-sports-modes-smartwatch/p/itm2a9c451036e84?pid=SMWGHDUH5EVUYZ3J&lid=LSTSMWGHDUH5EVUYZ3JN6M39N&marketplace=FLIPKART&q=fireboltt&store=ajy%2Fbuh&srno=s_1_21&otracker=search&otracker1=search&fm=Search&iid=en_8ugrG70FMud8TZKofFn2MQc8tvCPcN5mpnjE-2WDrXYgUD6moGIXaS_5g4By0jNYx8xvPIVyMPsFhM4vRXsplg%3D%3D&ppt=sp&ppn=sp&ssid=66liu7xx740000001703744820253&qH=6a99e33a1cf9840d" class="btn" id="bn">Buy Now👆🏻</a>
</div>
</div>
</div>
<div class="col-lg-3">
<div class="card ml-3" style="width: 18rem; margin-top: 30%;border-radius: 15%; background-image: url(indback.jpg);">
<img src="noise1.jpg" class="card-img-top" alt="..." height="200px" style="border-radius: 15%;">
<div class="card-body">
<h5 class="card-title"><center><b>Noise</b></center></h5>
<p class="card-text">Black<br> Retina HD display<br>A10 Fusion Chip
Meet the Noise Colorfit Pro 4 Max Smart watch with calling feature, 1.80" TFT LCD display, 100 sports modes, Google Assistant, Siri & Noise Health Suite.</p>
<a href="https://www.flipkart.com/noise-vision-3-1-96-amoled-display-thin-bezel-metallic-build-smartwatch/p/itm1524878dc07a5?pid=SMWGPB58FBHUVY3X&lid=LSTSMWGPB58FBHUVY3XQHC38H&marketplace=FLIPKART&q=noise+smartwatch&store=ajy%2Fbuh&srno=s_1_9&otracker=AS_QueryStore_OrganicAutoSuggest_1_8_na_na_ps&otracker1=AS_QueryStore_OrganicAutoSuggest_1_8_na_na_ps&fm=search-autosuggest&iid=b0133d09-dc56-4498-9da0-c5a6a44a07d4.SMWGPB58FBHUVY3X.SEARCH&ppt=sp&ppn=sp&ssid=bpxb192b400000001703744862133&qH=7906140f3f4b18d1" class="btn" id="bn">Buy Now👆🏻</a>
</div>
</div>
</div>
<div class="col-lg-3">
<div class="card ml-3" style="width: 18rem; margin-top: 30%;border-radius: 15%; background-image: url(indback.jpg);">
<img src="boultt.jpg" class="card-img-top" alt="..." height="200px" style="border-radius: 15%;">
<div class="card-body">
<h5 class="card-title"><center><b>Boult</b></center></h5>
<p class="card-text">Black<br>Retina Display 6'inch<br> Smooth Touch <br>
The “wellness mode” of the smartwatch monitors your sleep, heart rate, blood oxygen levels as well as guides you into a meditative state when you need to relax.</p>
<a href="https://www.flipkart.com/boult-crownr-bluetooth-calling-1-52-hd-screen-zero-bezels-zinc-alloy-frame-ip67-smartwatch/p/itm373f5901ec1df?pid=SMWGR8XZUVNZ6RYQ&lid=LSTSMWGR8XZUVNZ6RYQK92DL8&marketplace=FLIPKART&q=boult+smartwatch&store=ajy%2Fbuh&srno=s_1_37&otracker=AS_QueryStore_OrganicAutoSuggest_1_5_na_na_ps&otracker1=AS_QueryStore_OrganicAutoSuggest_1_5_na_na_ps&fm=search-autosuggest&iid=en_iXYlgGnfJYVDuiWSeIiVDb_iv2YcNTKdF3qJP-y9JzMDcUIeXEnHSSA68BnQXvQY1wRtUSTHZlsS1z8TXV2MsA%3D%3D&ppt=sp&ppn=sp&ssid=k3iohfacbk0000001703744884988&qH=dd6e398dcd4c0747" class="btn" id="bn">Buy Now👆🏻</a>
</div>
</div>
</div>
<div class="container-fluid">
<div class="row">
<div class="col-lg-3" style="margin-left: 13%;">
<div class="card ml-3" style="width: 18rem; margin-top: 20%;border-radius: 15%; background-image: url(indback.jpg); ">
<img src="boaaaat.jpg" class="card-img-top" alt="..." height="50%" style="border-radius: 15%;">
<div class="card-body">
<h5 class="card-title"><center><b>Boat</b></center></h5>
<p class="card-text">off Black <br> Retina HD display with 3D Touch <br>
Introducing Wave Select, the watch of all watches. Now pursue your fitness journey in style with its beautiful 4.29 cm(1.69”) colour HD display and 20+ active </p>
<a href="https://www.flipkart.com/boat-ultima-prism-1-96-amoled-display-bt-calling-boat-coins-watch-face-studio-smartwatch/p/itm2c951c23749ff?pid=SMWGRZZFA7NMGJJW&lid=LSTSMWGRZZFA7NMGJJWGD6DO0&marketplace=FLIPKART&q=boat+smartwatch&store=ajy%2Fbuh&srno=s_1_39&otracker=AS_QueryStore_OrganicAutoSuggest_1_4_na_na_ps&otracker1=AS_QueryStore_OrganicAutoSuggest_1_4_na_na_ps&fm=search-autosuggest&iid=3bb3aaf8-71e6-4168-80dc-0fb8911e663d.SMWGRZZFA7NMGJJW.SEARCH&ppt=sp&ppn=sp&ssid=xwjhiyfcg00000001703744909797&qH=21fccb874e5979e1" class="btn" id="bn">Buy Now👆🏻</a>
</div>
</div>
</div>
<div class="col-lg-3">
<div class="card ml-3" style="width: 18rem; margin-top: 20%;border-radius: 15%; background-image: url(indback.jpg);">
<img src="sam.jpg" class="card-img-top" alt="..." height="180px" style="border-radius: 15%;">
<div class="card-body">
<h5 class="card-title"><center><b>Samsung</b></center></h5>
<p class="card-text">Black<br> Retina HD display<br>A10 Fusion Chip <br>
Reach for a healthier you in the Galaxy Watch 4 with Wear OS, featuring fitness tracking, body composition, blood pressure, ECG, step counting and more!
</p>
<a href="https://www.flipkart.com/samsung-watch-4-44mmsuper-amoled-bluetooth-calling-function-body-composition-tracking/p/itmad53096f4e16f?pid=SMWGD7MNKVABFFYD&lid=LSTSMWGD7MNKVABFFYDWOAQAM&marketplace=FLIPKART&q=samsung+smart+watch&store=ajy%2Fbuh&srno=s_1_5&otracker=AS_QueryStore_OrganicAutoSuggest_2_14_na_na_ps&otracker1=AS_QueryStore_OrganicAutoSuggest_2_14_na_na_ps&fm=search-autosuggest&iid=7612ed35-b344-48a6-860d-35a5b64e8991.SMWGD7MNKVABFFYD.SEARCH&ppt=sp&ppn=sp&qH=d2c6db4827f2f939" class="btn" id="bn">Buy Now👆🏻</a>
</div>
</div>
</div>
<div class="col-lg-3">
<div class="card ml-3" style="width: 18rem; margin-top: 20%;border-radius: 15%; background-image: url(indback.jpg);">
<img src="iwwww.jpg" class="card-img-top" alt="..." height="50%" style="border-radius: 15%;">
<div class="card-body">
<h5 class="card-title"><center><b>i-Watch</b></center></h5>
<p class="card-text">Black,16GB<br>Retina Display 12'inch<br> Smooth Touch <br>
a wearable smartwatch that allows users to accomplish a variety of tasks, including making phone calls, sending text messages and reading email.</p>
<a href="https://www.flipkart.com/apple-watchseries7-gps-cellular-41mm-silver-stainless-steel-case-silver-milanese-loop/p/itme9a0922d44cc3?pid=SMWG7BG2GFYKGG6M&lid=LSTSMWG7BG2GFYKGG6MB81DFF&marketplace=FLIPKART&q=i+watch&store=ajy%2Fbuh&srno=s_1_7&otracker=search&otracker1=search&fm=Search&iid=153a1a0e-d523-4cea-a72d-af76d2a9f160.SMWG7BG2GFYKGG6M.SEARCH&ppt=sp&ppn=sp&ssid=s4ogt1ecvk0000001703744992857&qH=e41f84daa0b70a43" class="btn" id="bn">Buy Now👆🏻</a>
</div>
</div>
</div>
</div>
<!-- <h1><center>⌚</center></h1> -->
<!-- Footer -->
<footer class="text-center text-lg-start bg-body-tertiary text-light bg-dark mt-5 ">
<!-- Section: Social media --> <section class="d-flex justify-content-center justify-content-lg-between p-4 border-bottom">
<!-- Right -->
<div>
<a href="" class="me-4 text-reset">
<i class="fab fa-facebook-f"></i>
</a>
<a href="" class="me-4 text-reset">
<i class="fab fa-twitter"></i>
</a>
<a href="" class="me-4 text-reset">
<i class="fab fa-google"></i>
</a>
<a href="" class="me-4 text-reset">
<i class="fab fa-instagram"></i>
</a>
<a href="" class="me-4 text-reset">
<i class="fab fa-linkedin"></i>
</a>
<a href="" class="me-4 text-reset">
<i class="fab fa-github"></i>
</a>
</div>
<!-- Right -->
</section>
<!-- Section: Social media -->
<!-- Section: Links -->
<section class="">
<div class="container text-center text-md-start mt-5">
<!-- Grid row -->
<div class="row mt-3">
<!-- Grid column -->
<div class="col-md-3 col-lg-4 col-xl-3 mx-auto mb-4">
<!-- Content -->
<h6 class="text-uppercase fw-bold mb-4">
<i class="fas fa-gem me-3"></i>e-Commerce Hub
</h6>
<p>
E-commerce is a powerfull means to connect the unconnected to global trades
</p>
</div>
<!-- Grid column -->
<!-- Grid column -->
<div class="col-md-2 col-lg-2 col-xl-2 mx-auto mb-4">
<!-- Links -->
<h6 class="text-uppercase fw-bold mb-4">
Products
</h6>
<p>
<a href="watch.html" class="text-reset">Watches</a>
</p>
<p>
<a href="sond.html" class="text-reset">Speakers</a>
</p>
<p>
<a href="laptop.html" class="text-reset">Laptop</a>
</p>
<p>
<a href="android.html" class="text-reset">andriod</a>
</p>
</div>
<!-- Grid column -->
<!-- Grid column -->
<div class="col-md-3 col-lg-2 col-xl-2 mx-auto mb-4">
<!-- Links -->
<h6 class="text-uppercase fw-bold mb-4">
Useful links
</h6>
<p>
<a href="http://www.instagram.com" class="text-reset">Instagram</a>
</p>
<p>
<a href="http://www.whatsspp.com" class="text-reset">whats app</a>
</p>
<p>
<a href="http://www.snapchat.com" class="text-reset">Snapchat</a>
</p>
<p>
<a href="http://www.google.com" class="text-reset">Google</a>
</p>
</div>
<!-- Grid column -->
<!-- Grid column -->
<div class="col-md-4 col-lg-3 col-xl-3 mx-auto mb-md-0 mb-4">
<!-- Links -->
<h6 class="text-uppercase fw-bold mb-4">Location</h6>
<p><i class="fas fa-home me-3"></i>Mango, Jamshedpur, Jharkhand</p>
<p>
<i class="fas fa-envelope me-3"></i>
hub@gmail.com
</p>
<p><i class="fas fa-phone me-3"></i> +91 7488047535</p>
<p><i class="fas fa-print me-3"></i> +91 6206338481</p>
</div>
<!-- Grid column -->
</div>
<!-- Grid row -->
</div>
</section>
<!-- Copyright -->
<div class="text-center p-4" style="background-color: rgba(0, 0, 0, 0.05);">
© 2021 Copyright:
<a class="text-reset fw-bold" href="index.html">Commerce.com</a>
</div>
<!-- Copyright -->
</footer>
<!-- Footer -->
</body>
</html>